{"componentChunkName":"component---src-templates-post-tsx","path":"/promise.md/","result":{"data":{"markdownRemark":{"html":"<ul>\n<li>Promise 기본</li>\n<li>메서드 : then, catch, finally</li>\n</ul>\n<hr>\n<h2 id=\"promise-기본\" style=\"position:relative;\"><a href=\"#promise-%EA%B8%B0%EB%B3%B8\" aria-label=\"promise 기본 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Promise 기본</h2>\n<h3 id=\"1-promise-객체-생성\" style=\"position:relative;\"><a href=\"#1-promise-%EA%B0%9D%EC%B2%B4-%EC%83%9D%EC%84%B1\" aria-label=\"1 promise 객체 생성 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>1. promise 객체 생성</h3>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">let</span> promise <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Promise</span><span class=\"token punctuation\">(</span><span class=\"token keyword\">function</span> <span class=\"token punctuation\">(</span><span class=\"token parameter\">resolve<span class=\"token punctuation\">,</span> reject</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token comment\">// new Promise에 전달되는 함수 : executor(실행자, 실행함수)</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>\n<ul>\n<li><code class=\"language-text\">resolve(value)</code> — 일이 성공적으로 끝난 경우 그 결과를 나타내는 value와 함께 호출</li>\n<li><code class=\"language-text\">reject(error)</code> — 에러 발생 시 에러 객체를 나타내는 error와 함께 호출</li>\n<li>executor는 resolve나 reject 중 하나를 반드시 호출해야 한다.</li>\n</ul>\n<h3 id=\"2-위의-pormise-객체의-내부-프로퍼티-살펴보기\" style=\"position:relative;\"><a href=\"#2-%EC%9C%84%EC%9D%98-pormise-%EA%B0%9D%EC%B2%B4%EC%9D%98-%EB%82%B4%EB%B6%80-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0-%EC%82%B4%ED%8E%B4%EB%B3%B4%EA%B8%B0\" aria-label=\"2 위의 pormise 객체의 내부 프로퍼티 살펴보기 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>2. 위의 pormise 객체의 내부 프로퍼티 살펴보기</h3>\n<p><span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 536px; \">\n      <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 50.67567567567568%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABbklEQVQoz42S61LjMAyF8/4PRwdoQ2kpl5J2cerETuI4vh+E0+5uZ3cYNP5GR/lxLDkqUkr4KaBjfIfJc6KBdido0tpxKMfgokaB7+JidCkJZSvU7BZtu8Ygn8BIi/YRnVzni4oYE3yIV4Qv6PvFKnmHKFu49x2GfoOmLSHFI1S/Q9OsYMZ3GP1CndYoprHD2J3othq9YDlf8GOPwD/gWUWGDZKZ8sg2StggYIgvbXybx88jB12jY9SufMPYPkMcSwx8h6gPiANHVMN/nuIM/srnKMLIoPgTTLfPpv1pC9U8ww17pEkisCNCL67e8rsooh2QrEA0M8nKTJw4UjCk7Tz2rz0iGUeqo54yIWeTCaNG9GH+y+eNmEl/6qspg6duK5jtDvJ+hX61hirXEHdLCKrV/QM8b1Gk3w7/crWD57CvFU6LG8jlEn1Zol4soDdb2IcNXN38bA/nzmdTxwVc9QF3YLCHObsj6f0RflD4BG0wB7kvWcoFAAAAAElFTkSuQmCC&apos;); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"promise_property\" title=\"pormise &#xAC1D;&#xCCB4;&#xC758; &#xB0B4;&#xBD80; &#xD504;&#xB85C;&#xD37C;&#xD2F0;\" src=\"/static/33023a3436a6cedfedff4df7c75ecb2b/2d920/promise_prop.png\" srcset=\"/static/33023a3436a6cedfedff4df7c75ecb2b/12f09/promise_prop.png 148w,\n/static/33023a3436a6cedfedff4df7c75ecb2b/e4a3f/promise_prop.png 295w,\n/static/33023a3436a6cedfedff4df7c75ecb2b/2d920/promise_prop.png 536w\" sizes=\"(max-width: 536px) 100vw, 536px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n    </span></img><br>\n참조 : <a href=\"https://ko.javascript.info/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://ko.javascript.info/</a></p>\n<ul>\n<li>state : 처음엔 \"pending\" / resolve가 호출되면 <em>\"fulfilled\"</em> / reject가 호출되면 <em>\"rejected\"</em> 로 변한다.</li>\n<li>result : 처음엔 undefined / resolve(value)가 호출되면 <em>value</em> / reject(error)가 호출되면 <em>error</em> 로 변한다.</li>\n</ul>\n<hr>\n<h2 id=\"메서드--then-catch-finally\" style=\"position:relative;\"><a href=\"#%EB%A9%94%EC%84%9C%EB%93%9C--then-catch-finally\" aria-label=\"메서드  then catch finally permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>메서드 : then, catch, finally</h2>\n<h3 id=\"1-then\" style=\"position:relative;\"><a href=\"#1-then\" aria-label=\"1 then permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>1. then</h3>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">promise<span class=\"token punctuation\">.</span><span class=\"token function\">then</span><span class=\"token punctuation\">(</span>\n  <span class=\"token keyword\">function</span> <span class=\"token punctuation\">(</span><span class=\"token parameter\">result</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token comment\">/* 프라미스가 이행되었을 때 실행, 실행결과를 받는다.*/</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n  <span class=\"token keyword\">function</span> <span class=\"token punctuation\">(</span><span class=\"token parameter\">error</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token comment\">/* 프라미스가 거부되었을 때 실행, 에러를 받는다. */</span>\n  <span class=\"token punctuation\">}</span>\n<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>\n<p>ex1 ) 성공적으로 이행된 프라미스</p>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">let</span> promise <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Promise</span><span class=\"token punctuation\">(</span><span class=\"token keyword\">function</span> <span class=\"token punctuation\">(</span><span class=\"token parameter\">resolve<span class=\"token punctuation\">,</span> reject</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token function\">setTimeout</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token function\">resolve</span><span class=\"token punctuation\">(</span><span class=\"token string\">'done!'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1000</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token comment\">// resolve 함수는 .then의 첫 번째 함수(인수)를 실행.</span>\npromise<span class=\"token punctuation\">.</span><span class=\"token function\">then</span><span class=\"token punctuation\">(</span>\n  <span class=\"token punctuation\">(</span><span class=\"token parameter\">result</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token function\">alert</span><span class=\"token punctuation\">(</span>result<span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span> <span class=\"token comment\">// 1초 후 \"done!\"을 출력</span>\n  <span class=\"token punctuation\">(</span><span class=\"token parameter\">error</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token function\">alert</span><span class=\"token punctuation\">(</span>error<span class=\"token punctuation\">)</span> <span class=\"token comment\">// 실행되지 않음</span>\n<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>\n<p>ex2 ) 에러가 발생한 프라미스</p>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">let</span> promise <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Promise</span><span class=\"token punctuation\">(</span><span class=\"token keyword\">function</span> <span class=\"token punctuation\">(</span><span class=\"token parameter\">resolve<span class=\"token punctuation\">,</span> reject</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token function\">setTimeout</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token function\">reject</span><span class=\"token punctuation\">(</span><span class=\"token keyword\">new</span> <span class=\"token class-name\">Error</span><span class=\"token punctuation\">(</span><span class=\"token string\">'에러 발생!'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1000</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token comment\">// reject 함수는 .then의 두 번째 함수를 실행.</span>\npromise<span class=\"token punctuation\">.</span><span class=\"token function\">then</span><span class=\"token punctuation\">(</span>\n  <span class=\"token punctuation\">(</span><span class=\"token parameter\">result</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token function\">alert</span><span class=\"token punctuation\">(</span>result<span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span> <span class=\"token comment\">// 실행되지 않음</span>\n  <span class=\"token punctuation\">(</span><span class=\"token parameter\">error</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token function\">alert</span><span class=\"token punctuation\">(</span>error<span class=\"token punctuation\">)</span> <span class=\"token comment\">// 1초 후 \"Error: 에러 발생!\"를 출력</span>\n<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>\n<h3 id=\"2-catch\" style=\"position:relative;\"><a href=\"#2-catch\" aria-label=\"2 catch permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>2. catch</h3>\n<ul>\n<li>에러가 발생한 경우만 다루고 싶다면 <code class=\"language-text\">.catch(errorHandlingFunction)</code>를 사용한다.</li>\n<li><code class=\"language-text\">.then(null, errorHandlingFunction)</code> 과 동일하게 작동한다..</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">let</span> promise <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Promise</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">resolve<span class=\"token punctuation\">,</span> reject</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token punctuation\">{</span>\n  <span class=\"token function\">setTimeout</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token function\">reject</span><span class=\"token punctuation\">(</span><span class=\"token keyword\">new</span> <span class=\"token class-name\">Error</span><span class=\"token punctuation\">(</span><span class=\"token string\">'에러 발생!'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span> <span class=\"token number\">1000</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\npromise<span class=\"token punctuation\">.</span><span class=\"token function\">catch</span><span class=\"token punctuation\">(</span>alert<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// 1초 뒤 \"Error: 에러 발생!\" 출력</span></code></pre></div>\n<h3 id=\"3-finally\" style=\"position:relative;\"><a href=\"#3-finally\" aria-label=\"3 finally permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>3. finally</h3>\n<ul>\n<li><code class=\"language-text\">.finally(f)</code> 호출은 <code class=\"language-text\">.then(f, f)</code>과 유사하다.</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">new</span> <span class=\"token class-name\">Promise</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">resolve<span class=\"token punctuation\">,</span> reject</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token punctuation\">{</span>\n  <span class=\"token comment\">/* 시간이 걸리는 어떤 일을 수행하고, 그 후 resolve, reject를 호출함 */</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span>\n  <span class=\"token comment\">// 성공·실패 여부와 상관없이 프라미스가 처리되면 실행됨</span>\n  <span class=\"token punctuation\">.</span><span class=\"token function\">finally</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> 로딩 인디케이터 중지<span class=\"token punctuation\">)</span>\n  <span class=\"token punctuation\">.</span><span class=\"token function\">then</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">result</span> <span class=\"token operator\">=></span> result와 err <span class=\"token parameter\">보여줌</span> <span class=\"token operator\">=></span> error 보여줌<span class=\"token punctuation\">)</span></code></pre></div>\n<hr>\n<h4 id=\"reference\" style=\"position:relative;\"><a href=\"#reference\" aria-label=\"reference permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Reference</h4>\n<ul>\n<li><a href=\"https://ko.javascript.info/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://ko.javascript.info/</a></li>\n</ul>","excerpt":"Promise 기본 메서드 : then, catch, finally Promise 기본 1. promise 객체 생성  — 일이 성공적으로 끝난 경우 그 결과를 나타내는 value와 함께 호출  — 에러 발생 시 에러 객체를 나타내는 error와 함…","tableOfContents":"<ul>\n<li>\n<p><a href=\"/promise.md/#promise-%EA%B8%B0%EB%B3%B8\">Promise 기본</a></p>\n<ul>\n<li><a href=\"/promise.md/#1-promise-%EA%B0%9D%EC%B2%B4-%EC%83%9D%EC%84%B1\">1. promise 객체 생성</a></li>\n<li><a href=\"/promise.md/#2-%EC%9C%84%EC%9D%98-pormise-%EA%B0%9D%EC%B2%B4%EC%9D%98-%EB%82%B4%EB%B6%80-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0-%EC%82%B4%ED%8E%B4%EB%B3%B4%EA%B8%B0\">2. 위의 pormise 객체의 내부 프로퍼티 살펴보기</a></li>\n</ul>\n</li>\n<li>\n<p><a href=\"/promise.md/#%EB%A9%94%EC%84%9C%EB%93%9C--then-catch-finally\">메서드 : then, catch, finally</a></p>\n<ul>\n<li><a href=\"/promise.md/#1-then\">1. then</a></li>\n<li><a href=\"/promise.md/#2-catch\">2. catch</a></li>\n<li><a href=\"/promise.md/#3-finally\">3. finally</a></li>\n</ul>\n</li>\n</ul>","fields":{"slug":"/promise.md/"},"frontmatter":{"title":"Promise","date":"May 26, 2019","tags":["JavaScript"],"keywords":["promise"],"update":"Jan 01, 0001"}}},"pageContext":{"slug":"/promise.md/","series":[],"lastmod":"2019-05-26"}},"staticQueryHashes":["2027115977","694178885"]}